<template>
	<view class="text-red text-center">unocss class</view>
	<view text-red text-center>unocss attribute</view>
	<view class="i-tabler-alarm-plus"></view>
	<view class="flex-col">
		<view class="flex flex-wrap justify-around rounded-10 p-6 card-border">
			<view class="m-2 h-15 w-15 rounded-2 border-1 border-solid flex items-center justify-around">
				<view class="h-3 w-3 rounded-3 bg-black bg-dark"></view>
			</view>
			<view class="m-2 h-11 w-11 rounded-2 border-1 border-solid flex justify-between p-2">
				<view class="h-3 w-3 rounded-3 bg-black bg-dark"></view>
				<view class="h-3 w-3 self-end rounded-3 bg-black dark"></view>
			</view>
			<view class="m-2 h-11 w-11 rounded-2 border-1 border-solid flex justify-between p-2">
				<view class="h-3 w-3 rounded-3 bg-black bg-dark"></view>
				<view class="h-3 w-3 self-center rounded-3 bg-black bg-dark"></view>
				<view class="h-3 w-3 self-end rounded-3 bg-black dark"></view>
			</view>
		</view>
		
		<view class="p-5 mt-20">
			查询文档：https://uno.antfu.me/
		</view>
		<view class="p-5">
			实操练习场：https://unocss.antfu.me/play/
		</view>
	</view>
</template>

<script setup>
</script>

<style scoped lang="scss"></style>